{extend name="layouts/app" /}

{block name="css"}
<link rel="stylesheet" href="/static/home/css/slick.css">
<link rel="stylesheet" href="/static/home/css/animate.min.css">
<link rel="stylesheet" href="/static/home/css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="/static/home/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/home/css/css.css">
<link rel="stylesheet" href="/static/home/css/style.css">
<link rel="stylesheet" href="/static/home/css/media.css">
<link rel="stylesheet" href="/static/home/css/idangerous.swiper.css">
{/block}

{block name="main"}
<div class="nbanner">
    <div class="nban">
        <small>
            <img class="img_load" data-pc="/static/home/images/1539162859612482.jpg" data-iph="/static/home/images/1539162867696556.jpg" src="/static/home/images/1539162859612482.jpg">
        </small>
        <div class="nbandiv">
            <div class="container h100b disv">
                <div class="inside-tit case-tit disvc">
                    <h2>
                        <span class="en">news</span>
                    </h2>
                    <p>让价值共享 记录企业发展脚步</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- banner-end -->
<div class="content">

    <div class="newsbox">
        <div class="title mntitle">
            <h2>news</h2>
            <span>逐鹿新闻</span>
        </div>
        <ul class="newlist" id="container">
            {volist name='articles' id='article'}
            <li class="newli wow slideInUp" data-wow-duration="1.5s" data-wow-delay="0.2s">
                <div class="container">
                    <dl>
                        <div class="row">
                            <dt class="col-lg-4 col-md-3 col-sm-4 col-xs-5">
                                <a href="{:url('articles/show')}?id={$article->id}"><img src="{$article->previewThumbImage}"></a>
                            </dt>
                            <dd class="col-lg-8 col-md-9 col-sm-8 col-xs-7 disv">
                                <div class="disvc">
                                    <div class="time">
                                        <span class="month">{$article->create_time|date="m"} / {$article->create_time|date="d"}</span> <span class="year">{$article->create_time|date="Y"}</span>
                                    </div>
                                    <div class="tit">
                                        <h3>
                                            <a href="{:url('articles/show')}?id={$article->id}">{$article->title}</a>
                                        </h3>
                                    </div>
                                </div>
                            </dd>
                        </div>
                    </dl>
                </div>
            </li>
            {/volist}
        </ul>
        <div class="jlload" style="display: none">
            <a href="javascript:;">
                <div>
                    <small><img src="/static/home/images/loadico.png"></small>
                </div>
                <div>
                    <strong>LOAD MORE</strong>
                </div>
                <div>
                    <span id="pageCodeInfoBox">( 1/14 )</span>
                </div>
            </a>
        </div>
    </div>

</div>
<!-- content-end -->
{/block}

{block name="script"}
<script src="/static/home/js/wow.min.js"></script>
<script src="/static/home/js/jquerys.js?v=12"></script>
<script src="/static/home/js/swiper-3.4.2.min.js"></script>
<script src="/static/home/js/jquery.lazyload.min.js"></script>
<script src="/static/home/js/slick.js"></script>
<script>
    new WOW().init();
    $("img.lazy").each(function(){
        var yt = $(this).attr('src');
        var slt = $(this).data('original');
        $(this).attr('src', slt);
        $(this).attr('data-original', yt);
    });
</script>
{/block}